<!DOCTYPE html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <title>美食与生活</title>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/indexstyle2.css"/>
    <script language="javascript" type="text/javascript" src="js/mouseStyle.js"></script>
    <script src="js/jquery.js"></script>
    <link rel="stylesheet" type="text/css" href="css/mouseStyle.css"/>
    <link rel="stylesheet" href="css/indexStyle.css">
    <script type="text/javascript" src="js/modernizr.custom.53451.js"></script>

</head>

<body class="mkeBody">

<div>
    <div class="mkeHeadBox">美食与生活</div>
    <div class="mkeContentBox">
        <header>
            <nav class="codrops-demos">
                <div id="list">

                    <div class='ribbon'>
                        <a href='title1.html'><span>河南</span></a>
                        <a href='title1.html'><span>山东</span></a>
                        <a href='title1.html'><span>广州</span></a>
                        <a href='title1.html'><span>北京</span></a>

                    </div>
                </div>
            </nav>
        </header>
        <section id="dg-container" class="dg-container">
            <div class="dg-wrapper">
                <a href="title1.html"><img src="images/3.jpeg" alt="image01">
                    <div style="font-size: 24px; color: red; font-weight: 700;">山</div>
                </a>
                <a href="title1.html"><img src="images/1.jpeg" alt="image02">
                    <div style="font-size: 24px; color: red; font-weight: 700;">水</div>
                </a>
                <a href="title1.html"><img src="images/2.jpeg" alt="image03">
                    <div style="font-size: 24px; color: red; font-weight: 700;">家园</div>
                </a>
            </div>
            <nav>
                <span class="dg-prev">&lt;</span>
                <span class="dg-next">&gt;</span>
            </nav>
        </section>
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.gallery.js"></script>
        <script type="text/javascript">
            $(function () {
                $('#dg-container').gallery();
            });
        </script>
    </div>
    <div style="height:100%; width:100%;display: none;">花瓣飘落</div>
    <script src="js/snowfall.jquery.js"></script>
    <script>
        $(document).snowfall('clear');
        $(document).snowfall({
            image: "https://pic.kuaizhan.com/g3/c3/9b/3f72-60cf-4d91-8500-4f193c67c59205",
            flakeCount: 10,
            minSize: 12,
            maxSize: 22
        });
    </script>
</div>
</body>
